﻿/*弹出层*/
.modal.modal_loading{
	position: fixed;
    top: 50%;
    margin-top:-50px;
}
.modal.modal_loading .modal-body{
	width:100%;
	max-width:640px;
	height: 100px;
	width: 100px;
	background:rgba(0,0,0,0.6);
	border-radius:5px;
	padding-left:50px;
	padding-top:35px;
	margin: 0 auto;
}
.modal.modal_loading .spinner {
  width: 30px;
  height: 30px;
  position: relative;
}
 
.modal.modal_loading .container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #67CF22;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.modal.modal_loading .spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.modal.modal_loading .container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.modal.modal_loading .container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.modal.modal_loading .circle1 { top: 0; left: 0; }
.modal.modal_loading .circle2 { top: 0; right: 0; }
.modal.modal_loading .circle3 { right: 0; bottom: 0; }
.modal.modal_loading .circle4 { left: 0; bottom: 0; }
 
.modal.modal_loading .container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.modal.modal_loading .container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.modal.modal_loading .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.modal.modal_loading .container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.modal.modal_loading .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.modal.modal_loading .container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.modal.modal_loading .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.modal.modal_loading .container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.modal.modal_loading .container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.modal.modal_loading .container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.modal.modal_loading .container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.modal.alert {
  position: fixed;
  top: auto;
  bottom: 10px;
  z-index: 1000;
  width: 100%;
  max-width:640px;
  margin: 0 auto;
  color: #ffffff;
  text-align:center;
}
.modal.alert .modal-body{
    background: rgba(0,0,0,0.8);
	padding: 10px;
	border-radius: 5px;
	width: 85%;
	margin: 0 auto;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.modal.alert-danger .modal-body{
    background: rgba(0,0,0,0.8);
}
.modal.alert-success .modal-body{
    background-color: #278a00;
}
.modal-open {
  overflow: hidden;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-footer {
  text-align: center;
  border-top:1px solid #E5E5E5;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-backdrop{
	background:#000;
	position:fixed;
	left:0;
	top:0;
	filter:"Alpha(opacity=50)";
	opacity:0.5;
	width:100%;
	height:100%;
	z-index: 199;
}
.modal{
	position: absolute;
	width: 90%;
	visibility: visible;
	top:100px;
	margin-left:5%;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	z-index: 200;
	max-width:640px;
}
.modal .btn {
display: inline-block;
padding: 0;
margin:0;
font-size: 14px;
color: #808080;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #ffffff;
width:50%;
line-height: 35px;
height: 35px;
}
.modal .btn:first-child{border-right:1px solid #e5e5e5;}
.modal .btn.btn-primary{color:#FC7910;}
.modal.confirm{
	position:fixed;
	top: 50%;
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 5px;
	background-color: #ffffff;
}
.modal.confirm .modal-body{
	color: #858585;
	font-size:16px;
	text-align: center;
	min-height: 50px;
}
.modal-header h3 {
	margin: 0;
	line-height: 30px;
	font-size: 16px;
	font-weight: 400;
	color: #aaa;
}
.modal.messager{
	position:fixed;
	top: 50%;
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
	border: 1px solid rgba(0,0,0,.3);
}
.modal .modal-header{
	height: 30px;
    padding: 6px 10px;
}
.modal .modal-header .close{
	width:15px;
	height:15px;
	float:right;
}